@import './vm';
@import './common';

header {
  .menu {
    position: absolute;
    left: vw(22);
    top: vw(34);
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    align-content: space-between;
    width: vw(30);
    height: vw(23);

    .line {
      width: 100%;
      height: vw(4);
      background-color: #fff;
    }

    .message {
      position: absolute;
      right: vw(-13);
      top: vw(-13);
      width: vw(26);
      height: vw(26);
      border-radius: 50%;
      background-color: #f00;
      color: #fff;
      font-size: vw(8);
      text-align: center;
      line-height: vw(26);
    }
  }

}

.content {
  position: relative;
  // margin-bottom: vW(96);
  padding: vw(132) vw(28) 0;
  height: 100vh;
  overflow-y: scroll;
  // box-sizing: border-box;
  z-index: 0;

  &::after {
    height: vw(96);
    content: '';
    display: block;
    visibility: hidden;
    /*设置元素的可见性，hidden代表元素不可见。虽然元素不可见，但是在文档中的位置还占据着。*/
  }

  .article-content {
    h2 {
      font-size: vw(30);
      color: #010101;
      font-weight: bold;
      margin-bottom: vw(15);
      line-height: vw(34);
    }

    .like {
      height: vw(22);
      padding: vw(0) vw(30) vw(0);
      display: flex;
      display: -webkit-flex;
      justify-content: flex-end;

      .box {
        font-size: vw(19);
        display: flex;
        display: -webkit-flex;
        justify-content: flex-start;
        align-items: center;
        width: vw(81);
      }

      >div:first-child {
        .love {
          width: vw(22);
          height: vw(22);

          >img {
            width: 100%;
            height: 100%;
          }
        }
      }

      >div:last-child {
        .eye {
          width: vw(24);
          height: vw(14);

          >img {
            width: 100%;
            height: 100%;
          }
        }
      }

    }


  }

  .more {
    height: vw(58);
    display: flex;
    justify-content: center;
    line-height: vw(58);
    border-top: 1px solid #bbbbbb;

    >p {
      font-size: vw(22);
      color: #bbbbbb;
    }
  }

}